<!--车辆管理-->
<template>
<div class="public-common">
    <div class="public-title">请选择查询条件</div>
    <el-form :model="form" label-width="120px">
        <el-row>
            <el-col :span="6">
                <el-form-item label="名称">
                    <el-input size="small" v-model="form.ming"></el-input>
                </el-form-item>
            </el-col>
            <el-col :span="18">
                 <el-button type="primary" style=" margin-left: 10px;">搜索</el-button>
                 <el-button type="primary"  @click="dialogVisible=true" style=" margin-left: 10px;">新增网约车</el-button>
                 <el-button type="primary" style=" margin-left: 10px;">上传网约车材料</el-button>
                 <el-button type="primary" style=" margin-left: 10px;">批量上传网约车材料</el-button>
                 <el-button type="primary" style=" margin-left: 10px;">上传运输证申请材料</el-button>
                 <el-button type="primary" style=" margin-left: 10px;">批量上传安装证明材料</el-button>
                 <el-button type="primary" style=" margin-left: 10px;">打印运输证申请表</el-button>
            </el-col>
        </el-row>
        <el-row>
            <el-col :span="6">
                <el-form-item label="">

                </el-form-item>
            </el-col>
            <el-col :span="18">
                 <el-button type="primary" style=" margin-left: 10px;">绑定网约车驾驶员</el-button>
                 <el-button type="primary" style=" margin-left: 10px;">车辆审核资料上传</el-button>
            </el-col>
        </el-row>
    </el-form>
    <div class="public-title" style="margin-top: 20px;">驾驶员列表</div>
    <el-table :data="tabledata" size="mini" border stripe header-row-class-name="textcenter">
            <el-table-column
                label="车牌号" fixed="left" prop="a1">
            </el-table-column>
            <el-table-column
                label="单位名称" prop="a2">
            </el-table-column>
            <el-table-column
                label="车辆性质" prop="a3">
            </el-table-column>
            <el-table-column
                label="品牌型号" prop="a4">
            </el-table-column>
            <el-table-column
                label="车主姓名" prop="a5">
            </el-table-column>
            <el-table-column
                label="状态" prop="a6">
            </el-table-column>
            <el-table-column
                label="运输证核发日期" prop="a7">
            </el-table-column>
            <el-table-column
                label="运输证有效期限" prop="a8">
            </el-table-column>
            <el-table-column
                label="驾驶员姓名" prop="a9">
            </el-table-column>
            <el-table-column
                label="驾驶员身份证号" prop="a10">
            </el-table-column>
            <el-table-column
                label="预审结果状态" prop="a11">
            </el-table-column>
            <el-table-column
                label="预审附件" prop="a12">
            </el-table-column>
        </el-table>
        <el-pagination
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
        :current-page="page.now"
        :page-sizes="page.sizes"
        :page-size="page.pagesize"
        layout="total, sizes, prev, pager, next, jumper"
        :total="page.total" style="margin-top:10px;">
        </el-pagination>
		<el-dialog title="车辆基本信息" :visible.sync="dialogVisible" width="50%" >
			<el-form :model="editForm" ref="editForm" label-width="80px" class="qysb-form-f" >
			<el-scrollbar style="height:100%;">
				<el-row>
					<el-col :span="12">
					  <el-form-item label="单位全称" class="cyqlabel">
					  		<el-input size="small" v-model="editForm.netyue1" ></el-input>
					  </el-form-item>
					</el-col>
		      <el-col :span="12">
		        <el-form-item label="车辆性质" class="cyqlabel">
		        		<el-select  size="small"style="width: 100%;" placeholder="请选择"  v-model="editForm.netyue2">
		        			<el-option v-for="(v,i) in item" :value="v.value" :key="i" :label="v.text">{{v.text}}</el-option>
		        		</el-select>
		        </el-form-item>
		      </el-col>
		   </el-row>
		   <el-row>
		      <el-col :span="12">
		        <el-form-item label="车型" class="cyqlabel">
		        		<el-select  size="small"style="width: 100%;" placeholder="请选择"  v-model="editForm.netyue3">
		        			<el-option v-for="(v,i) in item1" :value="v.value" :key="i" :label="v.text">{{v.text}}</el-option>
		        		</el-select>
		        </el-form-item>
		      </el-col>
		      <el-col :span="12">
		        <el-form-item label="品牌型号" class="cyqlabel">
		        		<el-input size="small" v-model="editForm.netyue4" ></el-input>
		        </el-form-item>
		      </el-col>
		   </el-row>
		   <el-row>
		      <el-col :span="12">
		        <el-form-item label="车辆识别代号/车架号" class="cyqlabel">
		           	<el-input size="small" v-model="editForm.netyue5" ></el-input>
		        </el-form-item>
		      </el-col>
		      <el-col :span="12">
		        <el-form-item label="车牌号" class="cyqlabel">
		        		<el-input size="small" v-model="editForm.netyue6" ></el-input>
		        </el-form-item>
		      </el-col>
		   </el-row>
		   <el-row>
		      <el-col :span="12">
		        <el-form-item label="发动机号" class="cyqlabel">
		        		<el-input size="small" v-model="editForm.netyue7" ></el-input>
		        </el-form-item>
		      </el-col>
		      <el-col :span="12">
		        <el-form-item label="核定载人数（人）" class="cyqlabel">
		        		<el-input size="small" v-model="editForm.netyue8" ></el-input>
		        </el-form-item>
		      </el-col>
		   </el-row>
		   <el-row>
		      <el-col :span="12">
		        <el-form-item label="发动机排量（毫升）" class="cyqlabel">
		           	<el-input size="small" v-model="editForm.netyue9" ></el-input>
		        </el-form-item>
		      </el-col>
		      <el-col :span="12">
		        <el-form-item label="功率（千瓦）" class="cyqlabel">
		        		<el-input size="small" v-model="editForm.netyue10" ></el-input>
		        </el-form-item>
		      </el-col>
		   </el-row>
		   <el-row>
		      <el-col :span="12">
		        <el-form-item label="长（毫米）" class="cyqlabel">
		           	<el-input size="small" v-model="editForm.netyue11" ></el-input>
		        </el-form-item>
		      </el-col>
		      <el-col :span="12">
		        <el-form-item label="宽（毫米）" class="cyqlabel">
		        		<el-input size="small" v-model="editForm.netyue12" ></el-input>
		        </el-form-item>
		      </el-col>
		   </el-row>
		   <el-row>
		      <el-col :span="12">
		        <el-form-item label="高（毫米）" class="cyqlabel">
		        		<el-input size="small" v-model="editForm.netyue13" ></el-input>
		        </el-form-item>
		      </el-col>
		      <el-col :span="12">
		        <el-form-item label="平台经办人" class="cyqlabel">
		        		<el-input size="small" v-model="editForm.netyue14" ></el-input>
		        </el-form-item>
		      </el-col>
		   </el-row>
		   <el-row>
		      <el-col :span="12">
		        <el-form-item label="平台经办人联系电话" class="cyqlabel">
		           	<el-input size="small" v-model="editForm.netyue15" ></el-input>
		        </el-form-item>
		      </el-col>
		      <el-col :span="12">
		        <el-form-item label="机动车登记证上的姓名" class="cyqlabel">
		        		<el-input size="small" v-model="editForm.netyue16" ></el-input>
		        </el-form-item>
		      </el-col>
		   </el-row>
       <el-row>
          <el-col :span="12">
            <el-form-item label="轴距（毫米）" class="cyqlabel">
               	<el-input size="small" v-model="editForm.netyue17" ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="行驶证注册日期" class="cyqlabel">
            		<el-input size="small" v-model="editForm.netyue18" ></el-input>
            </el-form-item>
          </el-col>
       </el-row>

		   <el-row>
		      <el-col :span="12">
		        <el-form-item label="备注" class="cyqlabel">
		           	<el-input size="small" v-model="editForm.netyue19" ></el-input>
		        </el-form-item>
		      </el-col>
		      <el-col :span="12">
		        <el-form-item label="驳回原因" class="cyqlabel">
		        		<el-input size="small" v-model="editForm.netyue20" ></el-input>
		        </el-form-item>
		      </el-col>
		   </el-row>
       <el-row>
          <el-col :span="12">
            <el-form-item label="预审驳回原因" class="cyqlabel">
               	<el-input size="small" v-model="editForm.netyue21" ></el-input>
            </el-form-item>
          </el-col>
          </el-col>
       </el-row>
		    <div style="text-align:center;margin-top:6px;">
		      <el-button type="primary" @click="">确认</el-button>
		      <el-button type="info" size="small" @click="dialogVisible=false">取消</el-button>
		    </div>
		   </el-scrollbar>
		   </el-form>
		 </el-dialog>
</div>
</template>

<script>
export default {
    data(){
        return {
              dialogVisible:false,
              form:{
                  ming:'',
              },
              editForm:{
                  netyue1:'',
                  netyue2:'',
                  netyue3:'',
                  netyue4:'',
                  netyue5:'',
                  netyue6:'',
                  netyue7:'',
                  netyue8:'',
                  netyue9:'',
                  netyue10:'',
                  netyue11:'',
                  netyue12:'',
                  netyue13:'',
                  netyue14:'',
                  netyue15:'',
                  netyue16:'',
                  netyue17:'',
                  netyue18:'',
                  netyue19:'',
                  netyue20:'',
                  netyue21:'',
              },
              tabledata:[
                {
                    a1: '陕A23121',
                    a2: '东风日产',
                    a3: '集体',
                    a4: 'svn',
                    a5: '丁建国',
                    a6: '信息已提交',
                    a7: '2018-10-10',
                    a8: '3年',
                    a9: '于立国',
                    a10: '210111123121123212',
                    a11: '审核通过',
                    a12: '无',
                },
                {
                    a1: '陕Ag4321',
                    a2: '奔驰',
                    a3: '集体',
                    a4: 'svn',
                    a5: '王宁',
                    a6: '信息已提交',
                    a7: '2018-10-10',
                    a8: '3年',
                    a9: '王于哲',
                    a10: '210111345678745321',
                    a11: '审核通过',
                    a12: '无',
                },
                {
                    a1: '陕A67844',
                    a2: '宝马',
                    a3: '集体',
                    a4: 'svn',
                    a5: '刘能开',
                    a6: '信息已提交',
                    a7: '2018-10-10',
                    a8: '3年',
                    a9: '刘一枚',
                    a10: '210111123125674433',
                    a11: '审核通过',
                    a12: '无',
                },
              ],
              page:{
                now:1,
                pagesize:10,
                sizes:[2,10, 20, 50, 100],
                total:0,
                key:''
              },
              item:[
              	{text:'平台所有',value:'0'},
              	{text:'租赁公司所有',value:'1'},
              	{text:'个人所有',value:'2'},
              ],
              item1:[
              	{text:'燃油车型',value:'0'},
              	{text:'纯电动车型',value:'1'},
              	{text:'插电式混合动力车型',value:'2'},
              ],

        }
    },
    methods:{
        search(){
            alert("search")
        },
        //分页
        handleSizeChange(pagesize){
            this.page.pagesize = pagesize;
            this.search(true,true);
        },
        handleCurrentChange(pageno){
            this.page.now = pageno;
            this.search(true,true);
        }

    }
}
</script>

<style>
.el-form-item .el-form-item__label{ width: 80px !important;}
.el-form-item .el-form-item__content{ margin-left: 80px !important;}
.cyqlabel .el-form-item__label{ width: 150px !important;}
.cyqlabel .el-form-item__content{ margin-left: 150px !important;}
.public-common .el-form-item .el-input{ width: 100%;}
.public-title{line-height: 30px;background-color: #deecfd;padding:0 10px;margin-bottom:20px;color: #15428F}

</style>
